// 主图
.main-pic {
  width: 100%;
  height: 3.75rem;

  img{
    width: 100%;
    height: 3.75rem;
   
  }
}

// 详情介绍
.detail {
  width: 100%;
  background-color: #f2f2f2;
  padding-bottom: 1rem;
  .inner {
    width: 100%;
    .first {
      width: 100%;
      padding: 0.1rem 0rem;
      background-color: #fff;
      .wrap {
        width: 3.55rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        .wz1 {
          span:nth-child(1) {
            font-size: 0.2rem;
            color: #ff6040;
          }
          span:nth-child(2) {
            font-size: 0.14rem;
            color: #999999;
            text-decoration: line-through;
          }
        }

        .icon {
          display: flex;
          flex-direction: column;
          text-align: center;
          .icon-shoucang1 {
            display: block;
            font-size: 0.1rem;
            color: #ff6040;
            transform: scale(0.8);
          }
          div {
            font-size: 0.1rem;
            transform: scale(0.8);
            color: #ff6040;
          }
        }

        .p1 {
          width: 100vw;
          color: #333;
          font-size: 0.16rem;
        }
        p:nth-child(4) {
          color: #999999;
          font-size: 0.14rem;
        }
        .f2 {
          display: inline-block;
          padding: 0 0.05rem;
          background-color: #ff8066;
          color: #fff;
          text-align: center;
          font-size: 0.1rem;
          margin: 0.1rem 0;
        }
        .f3 {
          width: 3.55rem;
          height: 0.2rem;
          white-space: nowrap;
          line-height: 0.2rem;
          background-color: #f2f2f2;
          color: #999999;
          margin-bottom: 0.05rem;
          display: flex;
          justify-content: space-between;
          .sp11 {
            width: 3.1rem;
            height: 0.2rem;
            font-size: 0.1rem;
            transform: scale(0.83);
            transform-origin: left;
          }
          a {
            height: 0.2rem;
            color: #ff6040;
            font-size: 0.12rem;
            transform: scale(0.83);
            text-decoration: none;
            span {
              height: 0.2rem;
            }
            .icon-arrowR {
              display: inline-block;
              font-size: 0.12rem;
              transform: scale(0.83);
            }
          }
        }
      }
    }

    .second {
      width: 100%;
      background-color: #fff;
      margin-top: 0.1rem;
      padding-bottom: 0.1rem;
      // 为什么用新盒模型，也会溢出padding
      // padding-left: .1rem;
      .inner {
        width: 3.75rem;
        margin: 0rem auto;
        .s1 {
          width: 3.75rem;
          height: 0.5rem;
          display: flex;
          padding-top: 0.25rem;
          span {
            display: inline-block;
            margin-top: -0.03rem;
            width: 0.4rem;
            margin-right: 0.2rem;
            margin-left: 0.12rem;
            font-size: 0.12rem;
          }
          .r-discount {
            display: flex;
            width: 100%;
            border-bottom: 1px solid #cccccc;
            margin-top: -0.03rem;
            div {
              // width:.60rem;
              height: 0.22rem;
              padding: 0px 0.1rem;
              font-size: 0.12rem;
              background: url(../images/pic/label/commodity/coupon/full.png)
                no-repeat;
              background-size: 100% 100%;
              margin-right: 0.1rem;
              text-align: center;
              line-height: 0.22rem;
            }
          }
        }
        .s2 {
          width: 3.75rem;
          height: 0.5rem;
          display: flex;
          padding-top: 0.25rem;
          .fq {
            display: inline-block;
            width: 0.4rem;
            margin-right: 0.2rem;
            margin-left: 0.12rem;
            font-size: 0.12rem;
          }
          div {
            display: flex;
            width: 100%;
            justify-content: space-between;
            border-bottom: 1px solid #cccccc;
            span {
              font-size: 0.12rem;
              color: #666666;
            }
            .icon-arrowR {
              font-size: 0.12rem;
            }
          }
        }
      }
    }
  }
}

// 新固定栏
.nav-fix {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0.83rem;
  background: #ffffff;
  box-shadow: 0 -5px 10px 0 rgba(204, 204, 204, 0.2), 0 0 0 0 #cccccc;
  .inner {
    width: 100%;
    margin: 0 auto;
    height: 0.83rem;
    display: flex;
    background: url(../images/Bars/HomeIndicator/iPhone/LightPortrait3x.png)
      no-repeat;
    background-size: 1.34rem 0.34rem;
    background-position: center bottom;
    padding-top: 0.1rem;
    .top {
      width: 100%;
      height: 0.39rem;
      display: flex;
      a {
        width: 100%;
        height: 100%;
        color: #999999;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;

        img {
          width: 0.18rem;
          height: 0.2rem;
        }
        span {
          font-size: 0.1rem;
          transform: scale(0.8);
        }
      }

      form {
        display: flex;
        input {
          display: block;
          width: 1.1rem;
          height: 0.49rem;
          padding: 0;
          margin: 0;
          border-radius: 0rem;
          border: none;
          font-size: 0.12rem;
        }
        .input1 {
          background-color: #ffcc66;
          color: #663014;
        }
        .input2 {
          background-color: #ff6040;
          color: #fff;
        }
      }
    }
  }
}
